<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <title>后台管理--菜单列表</title>
      <link href="${ctxStatic}/ligeruilib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css">
  <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
 <link href="${ctxStatic}/css/kpiui.css" rel="stylesheet" />
  <link href="${ctxStatic}/css/home.css" rel="stylesheet" />
 <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
 <script src="${ctxStatic}/layui/layui.all.js"  type="text/javascript"></script>
    <script src="${ctxStatic}/ligeruilib/ligerUI/js/core/base.js" type="text/javascript"></script>
 <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
 <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
  <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
   <script src="${ctxStatic}/js/common.js" type="text/javascript"></script>
    <script src="${ctxStatic}/js/echarts.min.js" type="text/javascript"></script>
       <script src="${ctxStatic}/js/zhfx/ywkhfx.js?v=<%=System.currentTimeMillis()%>" type="text/javascript"></script>
    <style>
    .right{background: none;}
    .kpiui-collapse{    background: url(../static/images/window/bg04.png) no-repeat;background-size: 100% 100%;}
    .l-text-field{height:30px}
    .button {
    border: 1px solid #589df5;
    height: 30px;
    line-height: 30px;
    min-width: 80px;
    cursor: pointer;
    box-shadow: 0px 0px 2px 2px #0b6e94;
    background-color: none;
    background: transparent;
    color: #ffffff;
    padding: 0 10px;
}
 .tiao1 {
    height: 20px;
    width: 2px;
    background-color: #fff;
    margin-right: 5px;
    overflow: hidden;
    margin-left:15px;
    margin-top:15px;
    height: 14px;
    display: inline-block;
}
    </style>
</head>
<body>
 <div style="">
 <div style="float: left;width:200px">
   <div style="color:#ffffff;height:40px;line-height:40px;background: url(${ctxStatic}/images/title_tb.png) no-repeat;background-size: 80% 100%;">
    <span class="tiao1"></span>
    <span style="margin-top: 1px;margin-left: 1px;position: absolute;">业务考核</span>
   </div>
 </div>
  
   
   <div style="float: left;height:40px;line-height:40px;padding-top:7px" class="layui-form">
    
    <table>
     <tr>
      <td style="width: 300px">
        <select name="tempid" lay-filter="tempid" id="tempid">
	     <%--<option value="">选表</option>--%>
	       <c:forEach var="item" items="${templist}" >
	          <option value="${item.templateid }">${item.templatename }</option>
	       </c:forEach>
	    </select>
      </td>
     </tr>
    </table>
   </div>
   
   <div style="float:right;margin-right:0px;padding-top:7px">
     <table>
      <tr>
       <td><input type="text" id="orgid"  class="layui-input"/></td>
       <td style="padding-left:30px">
        <button class="button" onclick="vYwkhfx.Rehref()"><img src="${ctxStatic}/images/button/chaxun.png" style="width:20px">业务考核详情</button>
       </td>
      </tr>
     </table>
   </div>
   
   <div style="clear: both"></div>
 </div>
 
 <div id="dataregion" style="width:100%">
 <table style="width:100%;height:100%">
 
  <c:forEach var="item" items="${grouplist}" varStatus="idxStatus">
   <c:if test="${idxStatus.index==0 or (idxStatus.index%3)==0}">
    <tr>
   </c:if>
   
    <td class="chartdiv">
      <div class="kpiui-collapse" style="padding:4px 6px 0 3px;width:100%;height:100%" >
       <div class="kpiui-collapse-content" style="">
        <div style="height:30px;line-height:30px;color:#ffffff;position: absolute;margin-top:5px ">
            <img src="${ctxStatic}/images/button/detail.png" style="width:18px;height:20px;vertical-align: middle;margin-right:5px">
            ${item.groupname}
        </div>
       </div>
       <div id="group_${item.groupid}"></div>
      </div>
    </td>
    <c:if test="${fn:length(grouplist)==(idxStatus.index+1)}">
     <td class="chartdiv">
      <div class="kpiui-collapse" style="padding:4px 6px 0 3px;width:100%;height:100%" >
       <div class="kpiui-collapse-content" style="">
        <div style="height:30px;line-height:30px;color:#ffffff;position: absolute;margin-top:5px ">
            <img src="${ctxStatic}/images/button/detail.png" style="width:18px;height:20px;vertical-align: middle;margin-right:5px">
                            单位：<label id="orgname">${orgname}</label>
        </div>
       </div>
       <div id="ChartOrg"></div>
      </div>
     </td>
    </c:if>
    <c:if test="${idxStatus.index!=0 and (idxStatus.index%2)==0}">
     </tr>
    </c:if>
  </c:forEach>
  
 </table>
 </div>
 
 <input type="hidden" id="hidtempid" value="">
 <input type="hidden" id="hidszdw" value="${szdw }">
  <input type="hidden" id="hidorgname" value="${orgname }">
</body>
</html>